<template>
  <!-- 监督对象 -->
  <div class="jddxPage">
    <div class="qy">
      <div>
        <h3>企业</h3>
        <ul>
          <li>
            <label>一级子公司</label>
            <b>{{ JddxData.firstSubsidiary }}</b>
          </li>
          <li>
            <label>上市公司</label>
            <b>{{ JddxData.listedCompany }}</b>
          </li>
          <li>
            <label>实际控制全资子公司</label>
            <b>{{ JddxData.controlSubsidiaries }}</b>
          </li>
        </ul>
      </div>
    </div>
    <div class="fl">
      <div>
        <p>
          <b>{{ JddxData.workers }}</b>
          <label>职工</label>
        </p>
        <p>
          <b>{{ JddxData.partyMember }}</b>
          <label>党员</label>
        </p>
        <p>
          <b>{{ JddxData.partyOrganization }}</b>
          <label>党组织</label>
        </p>
        <p>
          <b>{{ JddxData.partyCommittee }}</b>
          <label>党委</label>
        </p>
        <p>
          <b>{{ JddxData.generalPartyBranch }}</b>
          <label>党总支</label>
        </p>
        <p>
          <b>{{ JddxData.partyBranch }}</b>
          <label>党支部</label>
        </p>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      // obj: {
      //   // 监督对象
      //   supervisionObject: {
      //     //一级子公司
      //     firstSubsidiary: 9,
      //     //上市公司
      //     listedCompany: 1,
      //     // 实际控制全资子公司
      //     controlSubsidiaries: 52,
      //     // 职工
      //     workers: 3207,
      //     // 党员
      //     partyMember: 419,
      //     // 党组织
      //     partyOrganization: 11,
      //     // 党委
      //     partyCommittee: 1,
      //     // 党总支
      //     generalPartyBranch: 2,
      //     // 党支部
      //     partyBranch: 8
      //   },
      //   // 廉政档案
      //   integrityArchives: {
      //     // 廉政档案份数
      //     integrityArchivesNum: 1086,
      //     // 廉政档案覆盖率
      //     integrityArchivesRate: 90,
      //     // 岗位风险排查个数
      //     jobRiskNum: 1086,
      //     // 廉政档案覆盖率
      //     jobRiskRate: 78
      //   },
      //   // 重点项目
      //   keyProjects: {
      //     // 重点项目图表数据
      //     zbslList: [
      //       {
      //         id: 1,
      //         name: '绿色智能船舶项目',
      //         jd: '96',
      //         zh: 1
      //       },
      //       {
      //         id: 2,
      //         name: '数字产业科创中心（大数据二期）',
      //         jd: '93',
      //         zh: 1
      //       },
      //       {
      //         id: 3,
      //         name: '峡州大道三期',
      //         jd: '84',
      //         zh: 1
      //       },
      //       {
      //         id: 4,
      //         name: '舒家嘴化工园片区开发',
      //         jd: '93',
      //         zh: 0
      //       },
      //       {
      //         id: 5,
      //         name: '东部产业新区综合配套基础设施',
      //         jd: '71',
      //         zh: 0
      //       },
      //       {
      //         id: 6,
      //         name: '宜昌高新区人才孵化中心',
      //         jd: '65',
      //         zh: 1
      //       },
      //       {
      //         id: 7,
      //         name: '白洋安置房四期',
      //         jd: '83',
      //         zh: 0
      //       },
      //       {
      //         id: 8,
      //         name: '田家河片区主排水工程（梅子溪路—临港大道',
      //         jd: '75',
      //         zh: 1
      //       },
      //       {
      //         id: 9,
      //         name: '宜昌高新区综合能源设施项目',
      //         jd: '81',
      //         zh: 1
      //       },
      //       {
      //         id: 10,
      //         name: '产投产业园一期项目',
      //         jd: '96',
      //         zh: 1
      //       },
      //       {
      //         id: 11,
      //         name: '资本大厦',
      //         jd: '63',
      //         zh: 1
      //       },
      //       {
      //         id: 12,
      //         name: '宜昌高新区2024年老旧小区改造项目',
      //         jd: '76',
      //         zh: 1
      //       },
      //       {
      //         id: 13,
      //         name: '国诚涂镀板技改项目',
      //         jd: '91',
      //         zh: 1
      //       },
      //       {
      //         id: 14,
      //         name: '推动对外开放平台高质量发展',
      //         jd: '84',
      //         zh: 0
      //       },
      //       {
      //         id: 15,
      //         name: '万福路（白洋大道-沙湾路）市政工程',
      //         jd: '73',
      //         zh: 1
      //       }
      //     ]
      //   },
      //   // 中间数据
      //   intermediateData: {
      //     // 监督企业
      //     superviseEnterprises: 36,
      //     // 监督人数
      //     supervisorsNumber: 418,
      //     // 重点项目
      //     keyProjects: 5,
      //     // 执纪问责
      //     accountability: 17
      //   },
      //   // 日常监督
      //   supervision: {
      //     list: [
      //       {
      //         text: '高投',
      //         value: 96
      //       },
      //       {
      //         text: '国投',
      //         value: 100
      //       },
      //       {
      //         text: '同富',
      //         value: 95
      //       },
      //       {
      //         text: '恒泰',
      //         value: 96
      //       },
      //       {
      //         text: '产投建设',
      //         value: 95
      //       },
      //       {
      //         text: '高新城发',
      //         value: 93.5
      //       },
      //       {
      //         text: '国诚涂镀板',
      //         value: 97
      //       },
      //       {
      //         text: '三峡供应链',
      //         value: 91.5
      //       },
      //       {
      //         text: '自贸高投',
      //         value: 96
      //       }
      //     ]
      //   },
      //   // 执纪问责
      //   accountability: {
      //     //案件办理
      //     caseHandling: [2, 4, 3, 1, 0, 2, 1, 4, 3, 0, 1],
      //     //线索处理
      //     clueProcessing: [1, 0, 0, 2, 1, 1, 0, 2, 4, 2, 0],
      //     //谈话提醒
      //     reminder: [1, 1, 0, 3, 5, 4, 5, 3, 0, 1, 3]
      //   },
      //   // 专项监督
      //   specialSupervision: {
      //     // 专项监督
      //     list1: [
      //       {
      //         text: '集团本部',
      //         value: 58
      //       },
      //       {
      //         text: '自贸高投',
      //         value: 76
      //       },
      //       {
      //         text: '三峡供应链',
      //         value: 47
      //       },
      //       {
      //         text: '涂镀板',
      //         value: 84
      //       },
      //       {
      //         text: '高新城发',
      //         value: 65
      //       },
      //       {
      //         text: '产投建设',
      //         value: 5
      //       },
      //       {
      //         text: '恒泰',
      //         value: 51
      //       },
      //       {
      //         text: '同富',
      //         value: 89
      //       },
      //       {
      //         text: '国投',
      //         value: 63
      //       }
      //     ],
      //     // 违规挂证
      //     list2: [
      //       {
      //         text: '集团本部',
      //         value: 58
      //       },
      //       {
      //         text: '自贸高投',
      //         value: 76
      //       },
      //       {
      //         text: '三峡供应链',
      //         value: 47
      //       },
      //       {
      //         text: '涂镀板',
      //         value: 84
      //       },
      //       {
      //         text: '高新城发',
      //         value: 65
      //       },
      //       {
      //         text: '产投建设',
      //         value: 5
      //       },
      //       {
      //         text: '恒泰',
      //         value: 51
      //       },
      //       {
      //         text: '同富',
      //         value: 89
      //       },
      //       {
      //         text: '国投',
      //         value: 63
      //       }
      //     ],
      //     // 文书档案
      //     list3: [
      //       {
      //         text: '集团本部',
      //         value: 58
      //       },
      //       {
      //         text: '自贸高投',
      //         value: 76
      //       },
      //       {
      //         text: '三峡供应链',
      //         value: 47
      //       },
      //       {
      //         text: '涂镀板',
      //         value: 84
      //       },
      //       {
      //         text: '高新城发',
      //         value: 65
      //       },
      //       {
      //         text: '产投建设',
      //         value: 5
      //       },
      //       {
      //         text: '恒泰',
      //         value: 51
      //       },
      //       {
      //         text: '同富',
      //         value: 89
      //       },
      //       {
      //         text: '国投',
      //         value: 63
      //       }
      //     ],
      //     // 工程专项
      //     list4: [
      //       {
      //         text: '集团本部',
      //         value: 58
      //       },
      //       {
      //         text: '自贸高投',
      //         value: 76
      //       },
      //       {
      //         text: '三峡供应链',
      //         value: 47
      //       },
      //       {
      //         text: '涂镀板',
      //         value: 84
      //       },
      //       {
      //         text: '高新城发',
      //         value: 65
      //       },
      //       {
      //         text: '产投建设',
      //         value: 5
      //       },
      //       {
      //         text: '恒泰',
      //         value: 51
      //       },
      //       {
      //         text: '同富',
      //         value: 89
      //       },
      //       {
      //         text: '国投',
      //         value: 63
      //       }
      //     ],
      //     // 作风服务
      //     list5: [
      //       {
      //         text: '集团本部',
      //         value: 58
      //       },
      //       {
      //         text: '自贸高投',
      //         value: 76
      //       },
      //       {
      //         text: '三峡供应链',
      //         value: 47
      //       },
      //       {
      //         text: '涂镀板',
      //         value: 84
      //       },
      //       {
      //         text: '高新城发',
      //         value: 65
      //       },
      //       {
      //         text: '产投建设',
      //         value: 5
      //       },
      //       {
      //         text: '恒泰',
      //         value: 51
      //       },
      //       {
      //         text: '同富',
      //         value: 89
      //       },
      //       {
      //         text: '国投',
      //         value: 63
      //       }
      //     ]
      //   },
      //   // 廉政建设
      //   propaganda: [
      //     {
      //       value: 150,
      //       name: '专业书籍'
      //     },
      //     {
      //       value: 21,
      //       name: '身边人案例'
      //     },
      //     {
      //       value: 63,
      //       name: '警示片资料'
      //     },
      //     {
      //       value: 80,
      //       name: '清廉手册'
      //     }
      //   ]
      // }
    };
  },
  props: ["JddxData"],
};
</script>

<style lang="scss" scoped>
.jddxPage {
  width: 100%;
  height: 100%;
  overflow: hidden;
  transition: 0.5s;
  padding: 0 20px 20px 20px;
  box-sizing: border-box;

  &:hover {
    .fl {
      background: linear-gradient(
        to bottom,
        rgba(16, 51, 108, 1),
        rgba(16, 51, 108, 0.5),
        rgba(16, 51, 108, 0)
      );
    }
  }

  .qy {
    height: 60%;
    display: flex;
    align-items: center;
    transition: 0.5s;

    > div {
      width: 100%;
      height: auto;
      overflow: hidden;

      > h3 {
        position: relative;
        width: 100%;
        height: 30px;
        line-height: 20px;

        font-size: 13px;
        color: #8da8d5;
        background: url("../assets/img/qyIcon.png") left top no-repeat;
        padding: 0 0 15px 25px;
        box-sizing: border-box;
        margin: 13px 0 8px;

        &:before {
          position: absolute;
          content: "";
          left: 0;
          bottom: 0;
          right: 0;
          height: 2px;
          background: linear-gradient(
            to right,
            rgba(16, 51, 108, 1),
            rgba(16, 51, 108, 0)
          );
        }
      }

      > ul {
        width: 100%;
        height: 50px;
        float: left;
        margin: 0;
        padding: 0;

        li {
          width: 30%;
          list-style: none;
          margin: 0;
          float: left;

          &:last-child {
            width: 40%;
          }

          label,
          b {
            width: 100%;
            height: 20px;
            line-height: 20px;
            display: inline-block;
            float: left;
            font-size: 13px;
            color: #c4d4f3;
          }

          b {
            font-size: 18px;
            font-weight: 100;
            color: #fff;
            font-family: "Bahnschrift";
            margin-bottom: 5px;
            margin-top: 5px;
            font-weight: 700;
          }
        }
      }
    }
  }

  .fl {
    height: 40%;
    background: linear-gradient(
      to bottom,
      rgba(16, 51, 108, 0.7),
      rgba(16, 51, 108, 0.2),
      rgba(16, 51, 108, 0)
    );
    border-radius: 8px;
    transition: 0.5s;
    display: flex;
    align-items: center;
    transition: 0.5s;

    > div {
      width: 100%;
      height: 60px;
      display: flex;
      flex-direction: row;
      padding: 0 10px;
      box-sizing: border-box;

      p {
        width: 100%;
        flex: 1;
        height: 60px;
        margin: 0;
        text-align: center;

        label,
        b {
          width: 100%;
          height: 25px;
          line-height: 25px;
          font-size: 14px;
          color: #c4d4f3;
          display: inline-block;
        }

        b {
          font-size: 18px;
          font-weight: 100;
          color: #fff;
          font-family: "Bahnschrift";
          margin: 5px 0;
          font-weight: 700;
        }
      }
    }
  }
}
</style>
